<template>
    <ul>
        <li class="text"><span class="iconfont" @click="back">&#xe601;</span></li>
        <li class="sou">
            <span class="iconfont">&#xe633;</span>
            <router-link tag="a" to="/" class="text2">全程50起步</router-link>
        </li>
    </ul>
</template>

<script>
export default {
  methods: {
    back () {
      this.$router.push('/')
    }
  }

}
</script>

<style lang="less" scoped>
ul{
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #eee;
    display: flex;
        .text{
            line-height: 1rem;
            margin-left: 0.2rem;
            font-size: 20px;
        }
        .sou{
            width: 70%;
            background: #f7f7f7;
            height: 0.6rem;
            border-radius: 0.5rem;
            margin: 0.2rem 0 0.2rem 0.5rem;
            line-height: 0.6rem;
            padding-left: 0.5rem;
            span{
                font-size: 0.4rem;
            }
            .text2{
                font-size: 0.25rem;
                margin-left: 0.2rem;
                color: #666;
            }
        }
}
</style>
